<?php
// +----------------------------------------------------------------------
// | 商标详情页
// +----------------------------------------------------------------------
// | Copyright (c) 2015
// +----------------------------------------------------------------------
// | Author: baiping 125618036@qq.com http://www.webipcode.com
// +----------------------------------------------------------------------
// |2015-12-9 下午5:40:17
// +----------------------------------------------------------------------
?>
<?php $this->load->view('public/header');?>
<link href="<?php echo __STATIC__?>jsshow/css/bootstrap-modal-bs3patch.css" rel="stylesheet" />
<link href="<?php echo __STATIC__?>jsshow/css/bootstrap-modal.css" rel="stylesheet" />
<div class="page-intro">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<ol class="breadcrumb">
					<li>
						<a href="<?php echo $webinfo['WEB_URL'] ?>">首页</a>
					</li>
					<li>
						<a href="javascript:void(0);">商标</a>
					</li>
					<li><?php echo $catgory_list[$cat_id]->title?></li>
				</ol>
			</div>
		</div>
	</div>
</div>
<!-- page-intro end-->

<div class="container">
	<p></p>
	<div class="row">
		<!-- 左侧 -->
		<div class="col-md-3">
			<ul class="list-group">
				<?php foreach ( $catgory_list as $ckey => $cval ){?>
				<a href="<?php echo site_url('trademark/detail/'.$cval->id)?>"
					class="list-group-item <?php if($cat_id == $cval->id){ echo 'left_catgory_active';}?>"><?php echo $cval->title?></a>
				<?php }?>					
			</ul>
		</div>
		<!-- 右侧 -->
		<div class="col-md-9">
			<!-- 产品展示 -->
			<?php if( $status == 0 ){?>
			<div class="col-md-5">
				<img src="/Uploads/<?php echo $trademark_info->thumb;?>"
					class="img-responsive img-rounded">
			</div>
			<div class="col-md-7">
				<h4 class="pro_title"><?php echo $trademark_info->title?></h4>
				<p class="text-left instro"><?php echo cutstr_html($trademark_info->server_intro,48); ?></p>
				<?php foreach ($trademark_list as $key => $val){?>
					<a href="<?php echo site_url('trademark/detail/'.$val->cat_id.'/'.$val->id);?>">
					<span
						class="btn btn-white<?php if($trademark_info->id == $val->id){ echo 'btn btn-danger'; }?> "><?php echo $val->title?></span>
				</a>
				<?php }?>
				<span class="clearfix"></span>

				<ul class="list-icons">
					<li>
						<i class="fa fa-users"></i><?php echo $trademark_info->title?>：￥<?php echo $trademark_info->service_price;?>元<span
							class="text-danger">(服务费)</span>
					</li>
					<li>
						<i class="fa fa-bank"></i>
					<?php echo $trademark_info->title?>：￥<?php echo $trademark_info->officer_price;?>元<span
							class="text-danger">(官费)</span>
					</li>
				</ul>
				<h4 class="tota_price text-danger">
					<i class="fa fa-archive"></i>
					费用总计：
					<i class="fa fa-rmb"></i><?php echo $trademark_info->service_price + $trademark_info->officer_price?>元</h4>
					<a href="javascript:void(0);" onclick="join_trademark(<?php echo $trademark_info->id ?>)" class="btn btn-success">立即申请</a>
				<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-danger">专家咨询</a>
			</div>
			<!-- 详情介绍 -->
			<div class="bs-example bs-example-tabs"
				data-example-id="togglable-tabs">
				<ul id="myTabs" class="nav nav-tabs" role="tablist">
					<li class="active" role="presentation">
						<a id="home-tab" aria-expanded="true" aria-controls="home"
							data-toggle="tab" role="tab" href="#home">
							<i class="fa fa-user pr-5"></i>
							&nbsp;服务介绍
						</a>
					</li>
					<li class="" role="presentation">
						<a id="profile-tab" aria-controls="profile" data-toggle="tab"
							role="tab" href="#profile" aria-expanded="false">
							<i class="fa fa-puzzle-piece"></i>
							&nbsp;办理流程
						</a>
					</li>
					<li class="" role="presentation">
						<a id="info-tab" aria-controls="info" data-toggle="tab"
							href="#info" role="tab" aria-expanded="false">
							<i class="fa fa-folder-open"></i>
							&nbsp;所需资料
						</a>
					</li>
					<li class="" role="presentation">
						<a id="problem-tab" aria-controls="problem" data-toggle="tab"
							role="tab" href="#problem" aria-expanded="false">
							<i class="fa fa-exclamation-circle"></i>
							&nbsp;常见问题
						</a>
					</li>
				</ul>
				<div id="myTabContent" class="tab-content">
					<div id="home" class="tab-pane fade active in"
						aria-labelledby="home-tab" role="tabpanel">
						<p class="instro_sty"><?php echo $trademark_info->server_intro;?></p>
					</div>
					<div id="profile" class="tab-pane fade"
						aria-labelledby="profile-tab" role="tabpanel">
						<p class="instro_sty"><?php echo $trademark_info->process;?></p>
					</div>
					<div id="info" class="tab-pane fade" aria-labelledby="info-tab"
						role="tabpanel">
						<p class="instro_sty"><?php echo $trademark_info->required_information;?></p>
					</div>
					<div id="problem" class="tab-pane fade"
						aria-labelledby="problem-tab" role="tabpanel">
						<p class="instro_sty"><?php echo $trademark_info->problem;?></p>
						<!--如果问题可以循环<div class="alert alert-success" role="alert">
								<strong>Well done!</strong> You successfully read this important alert message.
							</div>-->
					</div>


				</div>
			</div>
			<!-- 产品详情不存在 -->
			<?php }else{?>
			<div class="alert alert-info" role="alert">
				<span class="alert-link">此类别下暂无内容</span>
			</div>
			<?php }?>
		</div>
	</div>
</div>

<?php $this->load->view('public/footer');?>
